<template>
  <div class="doc_5">
    <p>建页的页面分为2大类：</p>
    <h2 id="doc_5_1">1. 普通页面</h2>
    <p>第一类是普通页面，普通页面又分为单页和长页；单页是指没有下拉滚动条的页面，长页自然就是可以动态改变高度，有下拉滚动条的页面。而单页和长页的区别是在页面中的一个属性来控制的，如图将页面高度设置给打开。</p>
    <p>
      <span>
        <img src="https://cdn.nlark.com/yuque/0/2019/png/356936/1559128919691-e43331d0-1f21-4b5c-bfa1-f4caf74ff5fc.png?x-oss-process=image/resize,w_554" alt="">
      </span>
    </p>
    <p></p>

    <h2 id="doc_5_2">2. 弹层页面</h2>
    <p>第二类是弹层页面，可以配置背景的颜色和透明度</p>
    <p>
      <span>
        <img src="https://cdn.nlark.com/yuque/0/2019/png/356936/1559129145422-06d6d714-fb18-46ef-9b21-e6c4c0e1f5fc.png?x-oss-process=image/resize,w_904" alt="">
      </span>
    </p>
    <p></p>

    <h2 id="doc_5_3">3. 全局背景设置</h2>
    <p>这里有一个默认显示页面属性，这个属性的意思是当有底部菜单的时候，可以通过设置这个参数使得默认打开的页面不是第一页而是你设置的那个页面。</p>
    <p>
      <span>
        <img src="https://cdn.nlark.com/yuque/0/2019/png/356936/1559129189750-5da641f9-49b4-46d6-9182-afc56070874c.png?x-oss-process=image/resize,w_452" alt="">
      </span>
    </p>
    <p></p>

    <h2 id="doc_5_4">4. 当前页背景设置</h2>
    <p>
      <span>
        <img src="https://cdn.nlark.com/yuque/0/2019/png/356936/1559128919691-e43331d0-1f21-4b5c-bfa1-f4caf74ff5fc.png?x-oss-process=image/resize,w_432" alt="">
      </span>
    </p>
  </div>
</template>

<script>
  import { submenuMixin } from '@/views/child/doc/data/submenu';
  export default {
    mixins: [submenuMixin],
  }
</script>

<style lang="scss" scoped>
  @import '@/assets/css/doc.scss';
</style>
